<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
				xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
  <meta charset="utf-8"/>
  <title>评论列表</title>
  <link rel="stylesheet" href="/css/layui.css" media="all"/>
</head>
<body>
<div class="commentDiv">
<br/>
  <!-- 用户昵称：
  <div class="layui-inline">
    <input class="layui-input" name="nickname" id="nickname" autocomplete="off"/>
  </div>
 评论内容：
  <div class="layui-inline">
    <input class="layui-input" name="commentMsg" id="commentMsg" autocomplete="off"/>
  </div> -->
  <div class="layui-inline">
   	<form class="layui-form" action="">
    <select name="isComeTrue" id="isComeTrue" autocomplete="off">
              <option value="">未实现</option>
              <option value="1">已实现</option>
    </select>
    </form>
  </div>
  <button class="layui-btn" data-type="reload">搜索</button>
</div>


<table class="layui-hide" id="commentTable" lay-filter="tableFilter"></table>
 
<script src="/layui.js"></script>
<script>
layui.use('table', function(){
  var table = layui.table;
  
  //第一个实例
  table.render({
    elem: '#commentTable'
    ,height: 'full'                   
    ,url: '../admin/getWish' //数据接口
    ,request: {
    		  pageName: 'begin' //页码的参数名称，默认：page
    		  ,limitName: 'length' //每页数据量的参数名，默认：limit
    		  }
  	,where: {commentType: "book"}
    ,page: true //开启分页
    ,even: true
    ,cols: [[ //表头
      {checkbox: true, fixed: true}
      ,{field: 'nickName', title: '用户昵称',align:'center', width:150}
      ,{field: 'commentMsg', title: '愿望',align:'center', width:300}
      ,{field: 'wishBookName', title: '愿望图书',align:'center', width:150}
      ,{field: 'wishBookAuthor', title: '图书作者',align:'center', width:150}
      ,{field: 'wishBookPress', title: '图书出版社',align:'center', width:150}
      ,{field: 'addTime', title: '发表时间',sort: true,align:'center', width:200}
      ,{field: 'sonComments', title: '子评论数',sort: true,align:'center', width:100}
      ,{field: 'likes', title: '点赞数',sort: true,align:'center', width:80}
      ,{fixed: 'right', title: '操作',width:250, align:'center', toolbar: '#handler'} //这里的toolbar值是模板元素的选择器
    ]]
    ,id: 'commentReload'
   	,done: function(res, page, count){
           $("[data-field='isShow']").children().each(function(){
        	   if($(this).text()=='0'){
                   $(this).text("屏蔽");
               }else if($(this).text()!='评论状态'){
                   $(this).text("正常");
               }
           })
    } 
  });
    
    //条件查询
	var $ = layui.$, active = {
		reload : function() {
			var jsonString = $('#isComeTrue').val().trim();
			
			//执行重载
			table.reload('commentReload', {
				page : {
					curr : 1
				//重新从第 1 页开始
				},
				where : {
						jsonString : jsonString
				}
			});
		}
	};

	$('.commentDiv .layui-btn').on('click', function() {
		var type = $(this).data('type');
		active[type] ? active[type].call(this) : '';
	});
	
	
	//操作绑定
	table.on('tool(tableFilter)', function(obj){ //注：tool是固定的工具条事件名，tableFilter是table原始容器的属性 lay-filter="对应的值"
		  var data = obj.data; //获得当前行数据
		  var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
		  var tr = obj.tr; //获得当前行 tr 的DOM对象
		 
		  if(layEvent === 'editState'){ //禁言用户
		  		if(data.user.state==1){
		  			layer.confirm('确认禁言用户:'+data.nickName+'?', function(index){
			  			$.ajax({
			    	        url: "/admin/updateUser/",
			    	        type: "POST",
			    	        data:{id:data.userId,state:3},
			    	        success: function (d) {
			    	        	if(d.rspCode=="000000"){
			    	        		$(".layui-laypage-btn").click();
			        			    layer.msg('用户'+data.nickName+'成功被禁言');
			    	        	}else{
			        			    layer.msg('操作失败');
			    	        	}
			    	        },
			    	        error: function (d) {
			    	        	layer.alert('请重试..', {
								      title: '错误提示'
								    });
			    	        }
			    	   });
		  		   });
		  		}else if(data.user.state==0){
		  			layer.msg('该用户未激活，不能设置禁言');
		  		}else if(data.user.state==2){
		  			layer.msg('该用户被锁定，不能设置禁言');
		  		}else if(data.user.state==3){
		  			layer.msg('已被禁言');
		  		}
		  } else if(layEvent === 'del'){ //删除
		    layer.confirm('愿望以及子评论将会全部被删除！继续?', function(index){
		      $.ajax({
	            url: "/admin/deleteComment",
	            type: "POST",
	            data:{commentId:data.id,fatherId:data.fatherCommentid},
	            success: function (d) {
	            	if(d.rspCode=="000000"){
	            		$(".layui-laypage-btn").click();
	  	  		        layer.close(index);
        			    layer.msg('操作成功');
    	        	}else{
        			    layer.msg('操作失败');
    	        	}
	            },
	            error: function (d) {
	                alert("error:"+d);
	            }
        	  });
            	
		    });
		  } else if(layEvent === 'toSuccess'){ //实现
			  		$.ajax({
		    	        url: "/admin/updateComment",
		    	        type: "POST",
		    	        data:{id:data.id,star:"1"},
		    	        success: function (d) {
		    	        	if(d.rspCode=="000000"){
		    	        		$(".layui-laypage-btn").click();
		        			    layer.msg('操作成功');
		    	        	}else{
		        			    layer.msg('操作失败');
		    	        	}
		    	        },
		    	        error: function (d) {
		    	        	layer.alert('请重试..', {
							      title: '错误提示'
							    });
		    	        }
		    	   });
		   
		  }
		});
});
</script>



</body>
<script type="text/html" id="handler">
  {{#  if(d.user.state == 1){ }}
  <a class="layui-btn layui-btn-xs" style="background-color: #7f7f7f;" lay-event="editState">禁言用户</a>
  {{#  } }}
  {{#  if(d.isShow != 0){ }}
	{{#  if(d.fatherCommentid == null){ }}
  		<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除书愿</a>
	{{#  } }}
  {{#  } }}

  {{#  if(d.star == null){ }}
    <a class="layui-btn layui-btn-xs" lay-event="toSuccess">实现愿望</a>
  {{#  } }}

</script>
</html>